<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">

		<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">



		<style type="text/css">

		</style>
		<title> demo </title>
	</head>

	<!-- 
	
	documents 
	 
	 https://v3.bootcss.com/css/?#buttons
	 
	 
	 -->
	<body>

		<h1>
			
			14.3 按钮 demo
		</h1>


		<div class="well">




			<button type="button" class="btn btn-default"> 按钮 default </button>


			<button type="button" class="btn btn-warning"> 按钮 warning </button>
			<button type="button" class="btn btn-success"> 按钮 success</button>
			<button type="button" class="btn btn-danger"> 按钮 danger</button>


			<button type="button" class="btn btn-info">按钮 Info</button>


			<button type="button" class="btn btn-primary">首选项Primary</button>


			<a href="#" class="btn btn-default "> 百度一下</a>

			<input type="submit" name="" class="btn btn-primary" id="" value="点我一下" />





		</div>




		<p>按钮尺寸</p>
		<div class="well">

			<button type="button" class="btn btn-success btn-lg ">首选项Primary</button>
			<button type="button" class="btn btn-success ">首选项Primary</button>
			<button type="button" class="btn btn-success  btn-sm">首选项Primary</button>
			<button type="button" class="btn btn-success  btn-xs">首选项Primary</button>
		</div>



		<p> block </p>
		<div class="well">

			<button type="button" class="btn btn-success btn-block ">首选项Primary</button>


		</div>



		<div class="well">
			<button type="button" class="btn btn-default  ">上海</button>
			<button type="button" class="btn btn-default  active ">北京</button>
			<button type="button" class="btn btn-default  ">南京</button>
			<button type="button" class="btn btn-default  ">西安</button>
			<button type="button" class="btn btn-default " disabled="disabled">杭州</button>
		</div>

	</body>
</html>
